<link rel="stylesheet" href="css/caseBar_fileManager.css">
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>

<div class="fileManager-container">

    <div>
        <span class="fileManager-header-text" style="float: left">案件文件</span>

        <span class="fileManager-upload">
            <form style="float: left;margin-left: 20px;margin-top: 5px">
                <img class="fileManager-uploadImg" src="img/uploadFile.png">
                <span>选择文件</span>
                <input type="file" id="upload-input" style="display: none">
            </form>
        </span>
        <span id="file-rigth" style="margin-left:10px;float: left;margin-top: 5px">
            <span id="id-file-name" class="class-file-name" style="margin-left: 5px;color: #BDBDBD;">未选择任何文件</span>
            <span id="submit-file" class="class-submit-file" style="margin-left: 15px;color: #5DC2AE;cursor: pointer;">确定上传</span>
        </span>
    </div>

    <div id="file-empty-id" class="file-empty">
        <img class="empty-bg" src="img/fileManager_empty.png">
        <p class="empty-p">还没有任何文件</p>
        <p class="empty-p">请点击上方上传</p>
    </div>


    <div id="file-container-id" class="file-container">
        <div class="file-bg text-center" ng-repeat=" upfile in upfiles">
            <p id="id-legalInstrumentTitle" class="file-title"><b>{{upfile.legalInstrumentTitle}}</b></p>

            <div>
                <span class="file-type">File</span>
            </div>
            <p class="file-editor">最后编辑：{{upfile.biglawuser.username}}</p>

            <p class="file-time">{{upfile.createdDate}}</p>

           <img style="float: left;margin-left: 25px;margin-top: 2px;cursor: pointer" id="down-file" src="img/downUpFile.png"
                ng-click="downUpFile_line(upfile.aliasTitle)"/>

            <img style="float: left;margin-left: 40px;cursor: pointer"  id="del-file" src="img/delUpFile.png"
                 ng-click="delUpFile(upfile.aliasTitle)"/>
        </div>
    </div>

    <div class="">
        <div class="top-line"></div>
        <p class="fileManager-p">案件模板
            <!--<span class="look-all">查看全部模板</span>-->
        </p>
    </div>

    <div class="default-container">

        <div class="default-box text-center" ng-repeat="file in files">
            <div class="default-box-bg" id="download-area">
                <p class="default-type">DOCX</p>
            </div>
            <div class="download-div">
                <a href="{{file.downUrl}}" target="_blank"><img class="fileManager-uploadImg"
                                                                    src="img/downFile.png">
                <p class="download">下载</p></a>
            </div>
            <p class="default-name text">{{file.templateTitle}}</p>
        </div>

    </div>

    <!-- 空白模板弹出框 -->
    <div class="modal fade" id="fileEmptyModel" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content fileAlert-container">
                <div class="fileAlert-header text-center">
                    <p class="text-center" style="line-height: 70px;font-size: 20px">民事反诉答辩状</p>
                    <div class="header-line empty-line"></div>
                </div>
                <div class="empty-footer">
                    <div class="empty-line"></div>
                    <span class="empty-cancel">取消</span>
                    <button type="button" class="btn empty-publish">发布</button>

                    <button type="button" class="btn empty-save-drafts">保存到草稿箱</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 标准案件模板弹出框 -->
    <div class="modal fade" id="fileDefaultModel" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content fileAlert-container">
                <div class="fileAlert-header text-left">
                    <p class="default-p"><b>标准参考模板</b></p>

                    <div class="header-search-box">
                        <i></i>
                        <input type="text" class="form-control focusInput searchColor" placeholder="按【回车】搜索全部">
                    </div>

                    <div class="header-line empty-line"></div>
                </div>
                <div class="default-left">
                    <p class="left-title">模板类别</p>
                    <ul>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事一审</span></li>
                        <li class="left-cell"><span class="left-cell-type">民事起诉答辩状</span></li>

                    </ul>
                </div>
                <div class="default-right">
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>
                    <div class="doc-box text-center">
                        <div class="doc-bg">
                            <p class="doc-type">DOCX</p>
                        </div>
                        <p class="doc-p">民事反诉状</p>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>

<script>
    $(window).ready(function () {

        // 关闭空白模板弹出框
        $(".empty-cancel").on("click", function () {
            $("#fileEmptyModel").modal("hide");
        });
    })
</script>
